<#import "/ftl/mainAdmin.ftl" as page>

<@page.mainTemplate styleSheet="payrollCss" jsFile="payrollJs" current="工资流水打印">
  	<div class="page-content">
        <!-- BEGIN PAGE HEAD-->
        <div class="page-head">
            <!-- BEGIN PAGE TITLE -->
            <div class="page-title">
                <h1>工资流水打印
                    <small>工资流水打印信息</small>
                </h1>
            </div>
            <!-- END PAGE TITLE -->
        </div>
        <!-- END PAGE HEAD-->
        <!-- BEGIN PAGE BREADCRUMB -->
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <a href="${context}/base/index_ftl">首页</a>
                <i class="fa fa-circle"></i>
            </li>	
            <li>
                <span class="active">工资流水打印列表</span>
            </li>
        </ul>
        <!-- END PAGE BREADCRUMB -->
        <!-- BEGIN PAGE BASE CONTENT -->
        <div class="row">
             <div class="col-md-12 col-sm-12 search-form">
                <form id="searchForm" action="javascript:" method="post" name="searchForm">
                    <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">开始日期</span>
                        <div>
                        	<div class="input-group date date-picker" data-date-format="dd-mm-yyyy" >
                                <input type="text" class="form-control" readonly="" id="start-time" name="start_time_str">
                                <span class="input-group-btn">
                                    <button class="btn default" type="button">
                                        <i class="fa fa-calendar"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">结束日期</span>
                        <div>
                            <div class="input-group date date-picker" data-date-format="dd-mm-yyyy">
                                <input type="text" class="form-control" readonly="" id="end-time" name="end_time_str">
                                <span class="input-group-btn">
                                    <button class="btn default" type="button">
                                        <i class="fa fa-calendar"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">姓名</span>
                        <input type="text" class="form-control"  id="name" name="name">
                           
                    </div>
                    <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">子账户</span>
                        <input type="text" class="form-control"  id="bankAccountNo" name="bank_account_no">
                           
                    </div>
                    <div class="search-item input-group col-md-4 col-sm-4">
	                    <a href="javascript:;" class="btn btn-success" name="search">查询</a>
	                        <button href="javascript:;" type="reset" class="btn btn-default " name="reset">清空</button>
	                </div>
	                
                </form>
            </div>
        </div>
        <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet light bordered">
                        <div class="portlet-body">
                            <table class="table table-striped table-hover table-bordered" id="payrollBody">
                                <thead>
                                    <tr>
                                        <th> 姓名 </th>
                                        <th> 子账户 </th>
                                        <th> 申请日期 </th>
                                        <th> 开始日期 </th>
                                        <th> 结束日期 </th>
                                        <th> 状态  </th>
                                        <th> 操作  </th>
                                    </tr>
                                </thead>
                                <tbody>
                                   
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
        </div>
        <!-- END PAGE BASE CONTENT -->
    </div>
</@page.mainTemplate>